<div class="right">
    <% if (handleType != 'editPhoto') { %>
    <% if (!isMyself) { %>
    <div class="photoLikes">
        <span>Likes</span>
        <a href="javascript:void(0);"><%=like_cnt %></a>
    </div>
    <% } %>
    <textarea maxlength="140" class="description" placeholder="Photo description. Distinguish yourself in group photo"><%=desc %></textarea>
    <div class="floatRight">
        <a class="cancel"><span>Cancel</span></a>
        <a class="save"><span>Save</span></a>
    </div>
    <div class="commentsList">
        <ul>
            <% for (var i in comments) { %>
                <li>
                    <% if(comments[i].is_hidden) { %>
                        <span class="grayName"><%= comments[i].username %>: </span>
                    <% } else {%>
                        <a target="_blank" href="/user?<%= comments[i].username %>"><%= comments[i].username %></a>:
                    <% }%>
                    <span><%= comments[i].comment %></span>
                    <% if(comments[i].can_del){ %>
                        <div class="commentsHandle"><a class="commentDel" data-id="<%= comments[i].comment_id %>">Delete</a></div>
                    <% } %>
                </li>
            <% } %>
        </ul>
    </div>
    <% } else { %>
    <dl class="editInstructions">
        <dt>Edit instructions</dt>
        <dd>
            <p>1. Position the thumbnail square over your face</p>
            <p>2. Adjust the thumbnail square</p>
            <p>3. Save your changes</p>
        </dd>
    </dl>
    <div class="editRotate">
        <a class="rotateLeft"><i></i><span>Rotate left</span></a> 
        <a class="rotateRight"><i></i><span>Rotate right</span></a> 
    </div>
    <div class="editBtn">
        <button>Save changes</button>
    </div>
    <div class="editTips">
        <b>Tips:</b>
        <span>Just for your photo clipping thumbnails, not for photo cropping.</span>
    </div>
    <% } %>
</div>
